<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" href="<%=request.getContextPath() %>/CSS/style.css" type="text/css" media="all" />
<script type="text/javascript" src="<%=request.getContextPath() %>/js/datepicker.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/optiontransferselect.js"></script>
<title>无标题文档</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.STYLE1 {font-size: 12px}
.STYLE3 {font-size: 12px; font-weight: bold; }
.STYLE4 {
	color: #03515d;
	font-size: 12px;
}
-->
</style>

</head>
<script>
function change(id)
{
	if(id==1)
	{
		document.getElementById('essential_information').style.display="block";
		document.getElementById('detailed_information').style.display="none";
	}
	else if(id==2)
	{
		document.getElementById('essential_information').style.display="none";
		document.getElementById('detailed_information').style.display="block";
	}
}
</script>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td height="30" background="<%=request.getContextPath() %>/images/tab_05.gif">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
        <td width="12" height="30"><img src="images/tab_03.gif" width="12" height="30" /></td>
        <td>
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="46%" valign="middle">
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="5%"><div align="center"><img src="<%=request.getContextPath() %>/images/tb.gif" width="16" height="16" /></div></td>
                <td width="95%" class="STYLE1"><span class="STYLE3">你当前的位置</span>：[首页]-></td>
              </tr>
            </table>
			</td>
          </tr>
        </table>
		</td>
		<td width="54%">
		<table border="0" align="right" cellpadding="0" cellspacing="0">
		<tr>
			<td>
			</td>
		</tr>
		</table>
		</td>
	</tr>
   </table>
	</td>
  </tr>
</table>
<form action="<%=request.getContextPath() %>/employee/saveEmployee.action" method="post" enctype="multipart/form-data" onsubmit="return myself();">
<div>
	<div style="width:300px;">
		<div align="center" style="float:left;border:solid;background=red" onclick="change(1)">基本信息</div>
		<div align="center" style="float:left;border:solid;background=red" onclick="change(2)">详细信息</div>
	</div>
	<br/>
	<div id="essential_information" style="display:block;" >
<table width="100%"  border="0">
  <tr>
    <td width="9%"><div align="center" class="STYLE6">基本信息</div></td>
    <td width="41%">&nbsp;</td>
    <td width="8%" class="STYLE5"></td>
    <td width="42%" class="STYLE5"></td>
  </tr>
  <tr>
  <td>个人照片：</td>
  <td colspan="3">
    <s:file name="picture"  />
  </td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">中文名：</div></td>
    <td><input type="text" name="employee.chineseName" size="50" /></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">英文名：</div></td>
    <td><input type="text" name="employee.englishName" size="50" /></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">性别：</div></td>
    <td><input type="radio" name="employee.sex" value="1" checked="checked"/>
      男
        <input type="radio" name="employee.sex" value="0" />
    女</td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">部门：</div></td>
    <td><select name="departmentId">
      <option value="0" selected="selected">-----------------请选择-------------------</option>
      <s:iterator value="departments" var="department" status="st">
      	<option value="${department.id}">${department.departmentName }</option>
      </s:iterator>
    </select>
    </td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">职务：</div></td>
    <td><select name="dutyId">
      <option value="0" selected="selected">-----------------请选择-------------------</option>
      <s:iterator value="dutys" var="duty" status="st">
      	<option value="${duty.id}">${duty.dutyName }</option>
      </s:iterator>
    </select></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">用户简码：</div></td>
    <td>
    	<input type="text" name="employee.brevityCode" size="30" />
    </td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">英文名字：</div></td>
    <td>
    	<input type="text" name="employee.englishName" size="30" />
    </td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">岗位：</div></td>
    <td><select name="select">
      <option value="-----------------请选择-------------------               " selected="selected">-----------------请选择-------------------</option>
    </select></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">上级领导：</div></td>
    <td><select name="select">
      <option value="-----------------请选择-------------------               " selected="selected">-----------------请选择-------------------</option>
    </select></td>
  </tr>
  <tr class="STYLE5">
    <td valign="top"><div align="center">担任岗位：</div></td>
    <td>
    	<s:optiontransferselect
        name="left"
        cssStyle="width:100px;"
        list="#request.leftStations"
        listKey="id"
        listValue="stationName"
        doubleName="rights"
        doubleList="#request.rightStations"
        doubleListKey="id"
        doubleListValue="stationName"
        doubleCssStyle="width:100px;"
        addToLeftLabel="向左移动" 
		addToRightLabel="向右移动" 
		addAllToLeftLabel="全部左移" 
		selectAllLabel="全部选择" 
		addAllToRightLabel="全部右移"
        /> 
    </td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">邮箱容量：</div></td>
    <td>
    	<input type="text" name="employee.infoCapacity" size="20" />MB
    </td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">上传文件容量：</div></td>
    <td>
    	<input type="text" name="employee.hardDiskCapacity" size="20" />MB
    </td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">短信条数：</div></td>
    <td>
    	<input type="text" name="employee.messageCapacity" size="20" />条
    </td>
  </tr>
  <tr class="STYLE5">
    <td colspan="4"><div align="center">
      <hr />
    </div></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">个性签名：</div></td>
    <td><input type="text" name="employee.sign" size="50" /></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">个人简介：</div></td>
    <td colspan="3"><textarea name="employee.resume" cols="100"></textarea></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">商务电话：</div></td>
    <td><input type="text" name="employee.businessPhone" size="50" /></td>
    <td><div align="center">传真：</div></td>
    <td><input type="text" name="employee.fax" size="50" /></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">分机号：</div></td>
    <td><input type="text" name="employee.extensionNumber" size="50" /></td>
    <td><div align="center">住宅电话：</div></td>
    <td><input type="text" name="employee.homePhone" size="50" /></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">移动电话：</div></td>
    <td><input type="text" name="employee.telphone" size="50" /></td>
    <td><div align="center">电子邮箱：</div></td>
    <td><input type="text" name="employee.email" size="50" /></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">试用开始时间：</div></td>
    <td><input type="text" name="employee.testCycle" 
    	 onclick="Calendar(event,this,this);" onfocus="this.aelect();" readonly=true/></td>
    <td><div align="center">试用期到期时间：</div></td>
    <td><input type="text" name="employee.testCycleEnd" 
    	 onclick="Calendar(event,this,this);" onfocus="this.aelect();" readonly=true/></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">合同开始时间：</div></td>
    <td><input type="text" name="employee.contractStartTime" 
    	 onclick="Calendar(event,this,this);" onfocus="this.aelect();" readonly=true/></td>
    <td><div align="center">合同到期时间：</div></td>
    <td><input type="text" name="employee.contractEndTime" 
    	 onclick="Calendar(event,this,this);" onfocus="this.aelect();" readonly=true/></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">办公地点：</div></td>
    <td><input type="text" name="employee.office" size="50" /></td>
    <td><div align="center">职称：</div></td>
    <td><input type="text" name="employee.jobTitle" /></td>
  </tr>
  
</table>
	</div>
	<div id="detailed_information" style="display:none;">
	<table width="100%"  border="0">
  <tr>
    <td width="10%"><div align="center" class="STYLE6">详细信息</div></td>
    <td width="38%">&nbsp;</td>
    <td width="14%"></td>
    <td width="38%">&nbsp;</td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">学历：</div></td>
    <td>
    	<input type="text" name="employeedetails.education" size="30" />
    </td>
    <td><div align="center">出生日期：</div></td>
    <td>
    	<input type="text" name="employeedetails.birthday" 
    		 onclick="Calendar(event,this,this);" onfocus="this.aelect();" readonly=true/>
    </td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">QQ：</div></td>
    <td><input type="text" name="employeedetails.qq" size="30" /></td>
    <td><div align="center">专业：</div></td>
    <td>
		<input type="text" name="employeedetails.speciality" size="30" />
	</td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">毕业院校：</div></td>
    <td>
		<input type="text" name="employeedetails.graduationSchool" size="30" />
	</td>
    <td><div align="center">婚姻状态：</div></td>
    <td>
    	<input type="radio" name="employeedetails.isMarry" value="1" />
      已婚
        <input type="radio" name="employeedetails.isMarry" value="0" />
      未婚
    </td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">籍贯：</div></td>
    <td>
		<input type="text" name="employeedetails.nativePlace" size="30" />
	</td>
    <td><div align="center">民族：</div></td>
    <td>
		<input type="text" name="employeedetails.nation" size="30" />
	</td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">参加工作日期：</div></td>
    <td><input type="text" name="employeedetails.joinWorkDay" 
    	 onclick="Calendar(event,this,this);" onfocus="this.aelect();" readonly=true/></td>
    <td><div align="center">入职日期：</div></td>
    <td><input type="text" name="employeedetails.onBoardDay" 
    	 onclick="Calendar(event,this,this);" onfocus="this.aelect();" readonly=true/></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">有无离职证明：</div></td>
    <td><input type="radio" name="employeedetails.isDimission" value="1" />
      有
        <input type="radio" name="employeedetails.isDimission" value="0" />
      无
    </td>
    <td><div align="center">工段：</div></td>
    <td><input type="text" name="employeedetails.process" size="45" /></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">人员性质：</div></td>
    <td><input type="text" name="employeedetails.propertyId" /></td>
    <td><div align="center">身份：</td>
    <td><input type="text" name="employeedetails.identity" size="45" /></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">政治面貌：</div></td>
    <td>
    	<input type="text" name="employeedetails.politicalStatus" size="45" />
    </td>
    <td><div align="center">入党团时间：</div></td>
    <td><input type="text" name="employeedetails.joinPartyDay" 
    	 onclick="Calendar(event,this,this);" onfocus="this.aelect();" readonly=true/></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">户口性质：</div></td>
    <td>
    	<input type="radio" name="employeedetails.residenceProperty" value="1" />
      城镇户口
        <input type="radio" name="employeedetails.residenceProperty" value="0" />
      农村户口
    </td>
    <td><div align="center">户口所在地：</div></td>
    <td><input type="text" name="employeedetails.residencePlace" size="45" /></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">身份证号：</div></td>
    <td><input type="text" name="employeedetails.identification" size="45" /></td>
    <td><div align="center">身份证签发机关：</div></td>
    <td><textarea name="employeedetails.issuingAuthority" cols="35"></textarea></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">护照号码：</div></td>
    <td><input type="text" name="employeedetails.passport" size="45" /></td>
    <td></td>
    <td>&nbsp;</td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">身份证住址：</div></td>
    <td><input type="text" name="employeedetails.identificationAddress" size="45" /></td>
    <td><div align="center">身份证住址邮编：</div></td>
    <td><input type="text" name="employeedetails.identificationPostCode" size="45" /></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">家庭住址：</div></td>
    <td><input type="text" name="employeedetails.homeAddress" size="45" /></td>
    <td><div align="center">家庭地址邮编：</div></td>
    <td><input type="text" name="employeedetails.homePostCode" size="45" /></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">现居住地址：</div></td>
    <td><input type="text" name="employeedetails.nowAddress" size="45" /></td>
    <td>现居住地址邮编：</td>
    <td><input type="text" name="employeedetails.nowPostCode" size="45" /></td>
  </tr>
  <tr class="STYLE5">
    <td colspan="4">&nbsp;</td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">暂住证号码：</div></td>
    <td><input type="text" name="employeedetails.temResiPermitNo" size="45" /></td>
    <td>暂住证有效期：</td>
    <td><input type="text" name="employeedetails.temResiPermitDate" size="45" /></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">保险卡号：</div></td>
    <td><input type="text" name="employeedetails.insuranceCardNo" size="45" /></td>
    <td><div align="center">工资卡号：</div></td>
    <td><input type="text" name="employeedetails.cardNo" size="45" /></td>
  </tr>
  <tr class="STYLE5">
    <td><div align="center">个人特长爱好：</div></td>
    <td><input type="text" name="employeedetails.hobby" size="45" /></td>
    <td><div align="center">申请本系统帐号：</div></td>
    <td><input type="radio" name="isUser" value="1" />
	    是
	    <input type="radio" name="isUser" value="0" />
	    否
	</td>
  </tr>
</table>
	</div>
	<div>
		<table>
			<tr>
		    <td>&nbsp;</td>
		    <td><input type="submit" name="Submit" value="保存退出" />
		    <input type="button" value="保存继续" onclick="go1()" />
		    <input type="submit" name="reset" value="重置" />
		    <input type="button" value="退出" /></td>
		    <td>&nbsp;</td>
		    <td>&nbsp;</td>
		  	</tr>
	  	</table>
	</div>
</div>
</form>
</body>
</html>